<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>系统管理-楼栋管理</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <!--表单验证样式--->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/zTree/css/metroStyle/metroStyle.css"/>
    <!--楼栋管理树状图-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/Tree/dictTree.css" />
    <style>
        #treeOrg  li ul{
            padding: 0px;
        }
    </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>系统管理 > 楼栋管理</h2>
                </div>

                <div class="t-list-btns">
                    <p>请求记录</p>
                    <span id="dataTreeTotal"></span>
                    <div>
                        <a class="t-btn t-btn-blue" id="btnAddBuilding">新增</a>
                    </div>
                </div>

                <form id="dictDataForm">
                    <input type="hidden" id="detailDictValue" name="dictValue">
                </form>


                <div class="t-layout-ra clearfix">
                    <div>
                        <form id="frmTree">
                            <input type="hidden" id="buildingId" name="buildingId"/>

                            <ul id="treeOrg" class="ztree"></ul>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--版权-->
<div id="copyright"></div>
<!--模态框-->
<!--新增页面-->
<div class="modal fade bs-example-modal-lg" id="modalDistrict" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">新增楼栋</h4>
            </div>
            <form id="frmMain">
                <div class="modal-body">
                    <div class="t-list">
                        <div class="person-setting">
                            <div class="t-columns-1">
                                <ul class="t-columns-group">
                                    <input type="hidden" id="hidBuildingId" name="buildingId"/>
                                    <li>
                                        <label class="necessary">建筑类型</label>
                                        <div>
                                            <select id="buildingType" name="buildingType">
                                                <option value="">--请选择--</option>
                                                <option value="0">园区</option>
                                                <option value="1">楼栋</option>
                                                <option value="2">区域</option>
                                                <option value="3">楼层</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="buildingTypeTip"></div></div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">父级节点</label>
                                        <div style="position: relative;">
                                            <input type="text" id="parentText" readonly/>
                                            <input type="hidden" name="parentId" id="parentId"/>
                                        </div>

                                    </li>
                                    <li class="verify pnode">
                                        <label></label>
                                        <div><span class="t-tip-verification">如果没有父级节点，则无需选择</span></div>
                                    </li>
                                    <li>
                                        <label class="necessary">建筑名称</label>
                                        <div><input type="text" id="buildingDesc" name="buildingDesc" value="" maxlength="10"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="buildingDescTip"></div></div>
                                    </li>
                                    <li>
                                        <label class="necessary">排序编号</label>
                                        <div><input type="text" id="num" name="num" value="" maxlength="10"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="numTip"></div></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn_saveUser">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!--删除提示模态框-->
<div class="modal fade bs-example-modal-sm in" id="modalDelBuilding" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 258px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">是否删除该建筑?</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div id="delDeptName" class="title" style="font-weight: bold;">
                    </div>
                    <div class="content mt-10" style="line-height: 24px">
                        删除该建筑前，请先删除下属所有建筑
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="btnDelete">确定</button>
            </div>
        </div>
    </div>
</div>
<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>
<!--新增树状图拟态框-->
<div id="menuContent" class="menuContent" style="overflow: hidden; display:none; position: absolute;z-index: 9999;border: 1px solid #617775;background:#fff;">
    <ul id="treeOrgModal" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
</div>

<!--jquery库文件-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<!--模态框-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<!--树形节点-->
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.core.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.excheck.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.exedit.js"></script>
<!--表单验证-->
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>

<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>
<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<!--分页脚本-->
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/districtManagement/district.js"></script>
</body>
</html>